<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片幻灯片slider使用示例</title>
		<script type="text/javascript" src="lib/js/jquery-1.9.0.min.js"></script>
		<script type="text/javascript" src="lib/js/slider.js"></script>
		<link href="lib/css/slider.min.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="lib/js/slider_demo.js"></script>
		<style type="text/css">
			body {
			        font-family: Delicious;
			      }
			      html, body {
			        margin: 0; padding: 0;
			        background: white;
			        color: black;
			      }
			      nav a {
			        color: black;
			      }
			      #container {
			        margin: 50px auto;
			        width: 600px;
			      }
		</style>
	</head>

	<body>
		<div id="container">
			<nav>
				<!--导航栏-->
				<a href="#">Slider.js幻灯片示例</a>
			</nav>
			<!--相册标题-->
			<h1>我的生活相册</h1>
			<!--相册容器-->
			<div id="slider"></div>

		</div>
	</body>

</html>